<template>
    <div class="main">
        <div class="container">
           <el-form class="transfer-form" label-width="80px">
                    <el-form-item label="对方账户">
                        <el-input v-model="targetCount" placeholder="请输入" width="100px"></el-input>
                    </el-form-item>
                     <el-form-item label="积分金额">
                        <el-input v-model="point"></el-input>
                    </el-form-item>
                     <el-form-item>
                        <el-button type="primary" @click="open">确认转让</el-button>
                    </el-form-item>
           </el-form>
        </div> 

    </div>
</template>

<script>
    export default {
        name: 'pointTransfre',
        data: function(){
            return {
               targetCount:'',
               point: 0
            }
        },
        methods: {
            onConfirm() {
                this.$message.success('提交成功！');
            },
            
            open() {
                this.$confirm(`对方账户：${this.targetCount}； 积分数量：${this.point}`, '核对对方账户与积分数量', {
                confirmButtonText: '确定',
                cancelButtonText: '取消',
                type: 'warning',
                center: true
                }).then(() => {
                this.$message({
                    type: 'success',
                    message: '转让成功!'
                });
                }).catch(() => {
               /*  this.$message({
                    type: 'info',
                    message: '已取消删除'
                }); */
                });
            }
        }
    }
</script>
<style scoped>
    .main{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .container{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
    }
    .transfer-form{
        width: 400px;
    }
</style>
